/**
 * Created with BlueStream
 * Date: 13. 6. 1
 * Time: 오후 7:47
 * Writer: 강석민
 */

window.onload = function(){

    /**스타일 속성값 설정하기*/
    var test1 = document.getElementById("test_1");
    var test1Style = test1.style;
    test1Style.border = "orange solid 4px";
    test1Style.position = "absolute";
    test1Style.left = "100px";
    test1Style.color = "blue";

    /*
    인라인 스타일에서 적용한 속성이 아니라서 style 프로퍼티로는 접근할 수 없다.
    따라서 다음과 같이 실행하면
    test1Style.top = "10px";// <div id="test_1" style="top:10px">와 같아져서 style 프로퍼티로 top의 값을 알아낼 수 있기 때문에 정상적으로 실행된다.
    */
    test1Style.top = "10px";
    test1Style.top = (parseInt(test1.style.top)+50)+"px";

    /**스타일 속성값 제거하기*/
    test1Style.removeProperty("border");
}